<template>
	<view class="con">
		<view class="navheader">
			
		</view>
		<view class="search">
			<text class="left iconfont icon-qiandao"></text>
			<view class="center" @click="GoSeach">
				<text v-show="isShow" class="iconfont icon-Searchffffffpx"></text>
				<input  class="" type="text" placeholder="搜索" />
			</view>
			<text class="right iconfont icon-qianming" @click="addarticle">
			</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShow: "true",
			}
		},

		methods:{
			// 跳转到添加文章页
			addarticle(){
				uni.navigateTo({
					url:"../../pages/addarticle/addarticle"
				})
			},
			
			//跳转到索索也
			GoSeach(){
				uni.navigateTo({
					url:"../../pages/search/index"
				})
			}
		}
	}
</script>

<style lang="less" scoped>


	.search {
		background-color: #f1f1f1 !important;
		padding: 0 20upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 90upx;

		.left {
			font-size: 40upx;
			color: #f9ca24;
		}

		.center {
			flex: 1;
			height: 80upx;
			display: flex;
			align-items: center;

			input {
				width: 100%;
				height: 100%;
				line-height: 80upx;
				text-align: center;
			}

			text {
				position: relative;
				left: 250upx;
				font-size: 40upx;
				color: #ccc;
			}
		}

		.right {
			font-size: 40upx;
			color: #666;
		}

	}
</style>
